﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Demonstration.aspx.cs" Inherits="AutoComplete.Demonstration" %>

<%@ Register Assembly="AutoCompleteTextBox" Namespace="AutoCompleteTextBox" TagPrefix="ac" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
    
<head runat="server">
    <title>Autocomplete</title>
    <link rel="shortcut icon" href="css/images/titlelogo.png" type="image/x-icon">
    <link href="css/menu.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.7.2.min.js"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/Bebas_400.font.js" type="text/javascript"></script>
    <script src="js/Window.js" type="text/javascript"></script>
    <script src="js/ButtonUp.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script src="js/HelperWindow.js " type="text/javascript"></script>
</head>

<body>
    <form id="form1" runat="server" class="yui3-skin-sam">
        <div class="logo">
            <a href='default.aspx'>
                <img id="aclogo" src="css/images/logo.png"/>
            </a>
            <div id='cssmenu'>
            <ul>
            <li class='has-sub '><a href='default.aspx'><span>Главная</span></a>
                <ul>
                    <li class='has-sub '><a><span>Главная</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='demonstration.aspx'><span>Демонстрация</span></a>
                <ul>
                    <li class='has-sub '><a><span>Демонстрация работы контрола</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='properties.aspx'><span>Свойства</span></a>
                <ul>
                    <li class='has-sub '><a><span>Описание доступных свойств контрола</span></a></li>
                </ul>
            </li>
            <li class='has-sub '><a href='download.aspx'><span>Скачать</span></a>
                <ul>
                    <li class='has-sub '><a><span>Скачать AutoCompleteTextBox.dll</span></a></li>
                </ul>
            </li>
            </ul>
            </div>
        </div>
        <div id="box" class="box">
            
            <asp:ScriptManager ID="sm" runat="server" AllowCustomErrorsRedirect="False">
            </asp:ScriptManager>
            
            <ac:AutocompleteArrayDataSource ID="AutocompleteArrayDataSource1" runat="server" Circular="true" ResultFilters = "startsWith" ResultHighlighter = "startsWith" MaxResults="2" MinQueryLength="1" QueryDelay="100">
                <ac:AutocompleteArrayDataSourceItem runat="server">Lokomotiv</ac:AutocompleteArrayDataSourceItem>
                <ac:AutocompleteArrayDataSourceItem runat="server">Lev</ac:AutocompleteArrayDataSourceItem>
                <ac:AutocompleteArrayDataSourceItem runat="server">Metallurg</ac:AutocompleteArrayDataSourceItem>
                <ac:AutocompleteArrayDataSourceItem runat="server">Tractor</ac:AutocompleteArrayDataSourceItem>
                <ac:AutocompleteArrayDataSourceItem runat="server">Dinamo</ac:AutocompleteArrayDataSourceItem>
            </ac:AutocompleteArrayDataSource>

            <ac:AutocompleteJSONPDataSource ID="AutocompleteJSONPDataSource1" runat="server" ResultListLocator = "results" ResultTextLocator = "text" PathToService="http://search.twitter.com/search.json?q={query}&callback={callback}" ResultFilters = "charMatch" ResultHighlighter = "charMatch" MaxResults="2" MinQueryLength="1" QueryDelay="100"/>
            
            <ac:AutocompleteXHRDataSource ID="AutocompleteXHRDataSource1" runat="server" ResultFilters = "startsWith" ResultHighlighter = "startsWith" PathToService="ACYUIService.svc/GetEnglishWords?parametr={query}" MinQueryLength="1" MaxResults="10" QueryDelay="100" ResultListLocator="d"/>
            
            <ac:AutocompleteYQLDataSource ID="AutocompleteYQLDataSource1" runat="server" ResultFilters = "startsWith" ResultHighlighter = "charMatch" ResultTextLocator = "Title" ResultListLocator = "query.results.Result" MaxResults = "10" MinQueryLength="1" QueryDelay="100">
                <ac:AutocompleteYQLDataSourceQueryString runat="server">select * from local.search where zip = "94301" and query = "{query}"</ac:AutocompleteYQLDataSourceQueryString>
            </ac:AutocompleteYQLDataSource>
            
            <ac:AutocompleteFunctionDataSource ID="AutocompleteFunctionDataSource1" runat="server" ResultFilters = "startsWith" resultHighlighter = "startsWith" MaxResults="2" MinQueryLength="1" QueryDelay="100">
                function (query) {
                    return ['Audi', 'Lada', 'Mitsubishi', 'Lexus', 'Mazda'];
                }
            </ac:AutocompleteFunctionDataSource>
            

            <asp:Label ID="lblTitle" runat="server" CssClass="title" Text="Демонстрация работы контрола"></asp:Label>
            <div class="containerfordemo">
            <asp:Label ID="lblXHR" runat="server" CssClass="text" Text="#1 Источником данного AutocompleteTextBox является сервис, размещенный на данном домене. Он возвращает данные в формате JSON."></asp:Label> 
            <asp:TextBox ID="txtXHRDemo" runat="server" CssClass="ac"></asp:TextBox>
            <ac:AutoCompleteTextBoxExtender ID="AutoCompleteTextBoxExtenderXHR" runat="server" TargetControlID="txtXHRDemo" DataSourceId="AutocompleteXHRDataSource1"/>
            <asp:Label ID="lblXHRHelp" runat="server" CssClass="help" Text="вводите английские слова с маленькой буквы"></asp:Label> 
            <hr class="hr"/>
            <asp:Label ID="lblArray" runat="server" CssClass="text" Text="#2 Источником данного AutocompleteTextBox является массив."></asp:Label> 
            <ac:AutoCompleteTextBox ID="AutoCompleteTextBoxArray" runat="server" DataSourceId="AutocompleteArrayDataSource1" CssClass="ac"/>
            <asp:Label ID="lblArrayHelp" runat="server" CssClass="help" Text="вводите: Lokomotiv, Lev, Metallurg, Tractor, Dinamo"></asp:Label> 
            <hr class="hr"/>
            <asp:Label ID="lblJSONPt" runat="server" CssClass="text" Text="#3 Источником данного AutocompleteTextBox является сервис, размещенный не на данном домене (http://search.twitter.com/search.json). Он возвращает данные в формате JSON. "></asp:Label>   
            <ac:AutoCompleteTextBox ID="AutoCompleteTextBoxJSONPt" runat="server" DataSourceId="AutocompleteJSONPDataSource1" CssClass="ac"/>
            <asp:Label ID="lblJSONPtHelp" runat="server" CssClass="help" Text="вводите русские либо английские слова"></asp:Label> 
            <asp:Label ID="lblJSONPtInfo" runat="server" CssClass="box_wrap" Text="Note"></asp:Label>
            <div class="zoom_overlay">
                <div class="buttonclose">
                    <img class="close" src="css/images/close.png" />
                </div>
                <p class="whitetext">Вы можете скачать пример сервиса, который может использоваться в качестве источника для AutocompleteTextBox и располагаться на стороннем домене.<a class="whitetext" href="http://acservice.codeplex.com/SourceControl/changeset/view/b786b4b4a27a">http://acservice.codeplex.com/SourceControl/changeset/view/b786b4b4a27a</a></p>
            </div>
            <hr class="hr"/>
            <asp:Label ID="lblFunction" runat="server" CssClass="text" Text="#4 Источником данного AutocompleteTextBox является функция."></asp:Label>
            <asp:TextBox ID="txtFunction" CssClass="ac" runat="server"></asp:TextBox>
            <ac:AutoCompleteTextBoxExtender ID="AutoCompleteTextBoxExtenderFunction" runat="server" TargetControlID="txtFunction" DataSourceId="AutocompleteFunctionDataSource1"/>
            <asp:Label ID="lblFunctionHelp" runat="server" CssClass="help" Text="вводите: Audi, Lada, Mitsubishi, Lexus, Mazda"></asp:Label> 
            <hr class="hr"/>
            <asp:Label ID="lblYQL" runat="server" CssClass="text" Text="#5 Данные получаются в результате YQL запроса."></asp:Label>
            <ac:AutoCompleteTextBox ID="AutoCompleteTextBoxYQL" runat="server" DataSourceId="AutocompleteYQLDataSource1" CssClass="ac"/>
            <asp:Label ID="lblYQLHelp" runat="server" CssClass="help" Text="вводите английские слова"></asp:Label> 
        </div>
        </div>        
    </form>
    <div id="buttonUp">
        <a id="stl_text" href="#">Наверх</a>
        <a id="stl_text_box" href="#"/>
    </div>
</body>
</html>
